<template>
	<swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
		<swiper-item>
			<view class="swiper-item uni-bg-red"><image src="../../static/swiper/1.jpg"/></view>
		</swiper-item>
		<swiper-item>
			<view class="swiper-item uni-bg-green"><image src="../../static/swiper/2.jpg"/></view>
		</swiper-item>
		<swiper-item>
			<view class="swiper-item uni-bg-blue"><image src="../../static/swiper/3.jpg"/></view>
		</swiper-item>
	</swiper>
</template>

<script>
	export default {
		name:"IndexSwiper",
		data() {
			return {
				indicatorDots: true,
				autoplay: true,
				interval: 2000,
				duration: 500
			};
		}
	}
</script>

<style>
	swiper image{
		width: 100vw;
		height: 25vh;
	}
	swiper{
		width: 100vw;
		height: 25vh;
	}
</style>
